<?php
	
		$dir="guardar_carrera";
		$label="Guardar";

	
?>
<style>
	.k-multiselect {
		display: inline-block;
	}
</style>
<form name="formu" id="formu" style="max-width: 600px;" method="post" action="<?php echo base_url(); ?>index.php/academica/<?php echo $dir;?>" >
	<fieldset>      
        <legend align='left'>Información de la carrera</legend>
          <p>
            <label for="nombre" id="lnombre">Nombre </label>
             <input type="text" tabindex="1" id="nombre" name="nombre" class="tam-3"/>

        </p>  
 
          <p>
            <label for="codigo" id="lcodigo">Codigo </label>
             <input type="text" tabindex="2" id="codigo" name="codigo" class="tam-1" />

        </p>  
        <p>
		<label for="departamento" id="ldepartamento" tabindex="3">Departamento </label>				
				<select id="departamento" name="departamento"  class="tam-2" >
			<?php
				foreach ($d as $val) {
			?>
			<option value="<?php echo $val['id_departamento'] ?>"><?php echo $val['nombre'] ?></option>
			<?php } ?>
		</select>
        </p> 
	</fieldset>
	<br>
    <fieldset>      
        <legend align='left'>Información para servicio social</legend>
         	<br>
         <p>
            <label for="porcentaje" id="lporcentaje" class="tam-2" tabindex="4">Porcentaje Requerido </label>
             <input type="text" tabindex="4" id="porcentaje" name="porcentaje" class="tam-1"/> %
        </p> 
         <p>
            <label for="horas" id="lhoras">Horas</label>
             <input type="text" tabindex="5" id="horas" name="horas" class="tam-1"/>
         </p>  
    </fieldset>
<br>
    <p style='text-align: center;'>
        <button type="submit" id="aprobar" class="button tam-1 boton_validador" name="aprobar" ><?=$label?></button>
    </p>
</form>
<script>
			$("#nombre").validacion({
				lonMin: 5,
				lonMax: 40
			});
			$("#codigo").validacion({
				lonMin: 3,
				lonMax: 6
			});
			$("#porcentaje").validacion({
				numMin: 20,
				numMax: 100
			});
			$("#horas").validacion({
				numMin: 100,
				numMax: 800
			});
			 $("#departamento").kendoDropDownList();
</script>